<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html > 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

<ui:composition>
<div class="row-fluid" style="background: #FFFFFF;">
<div class="span1"></div>
	<div class="span10">
		<h3>Consulta de Pedidos</h3>
		<br />
		<h:form prependId="false" id="formConsultPedido">
			<p:growl id="growl" showDetail="true" sticky="true" life="6000"/>
			<h:messages />
			<div class="row-fluid">
				<div class="span2">
					<h:outputLabel for="cliente" value="Consulta por Cliente: " />
				</div>
				<div class="span4">
					<h:selectOneMenu id="cliente"
						value="#{conPedidoBean.clienteSelecionado}" requiredMessage="Escolha o Cliente">
						<f:selectItem itemLabel="Selecione o Cliente" itemValue="" />
						<f:selectItems value="#{conPedidoBean.listaItemCliente}" />
						
						<f:ajax listener="#{conPedidoBean.zeraLista()}" render=":formConsultPedido :formListaPedido"/>
					</h:selectOneMenu>
				</div>
			</div>
			<div class="span12">
				<div class="span3">
					<p:commandButton id="btConsultar" value="Consultar" ajax="true" 
					actionListener="#{conPedidoBean.consultarPedidosCliente}" update="@this growl :formListaPedido" 
					icon="ui-icon-search" style="margin:0; margin-top:15px;" />
				</div>
			</div>
			<div class="span12"></div>
			<div class="span12"></div>
		</h:form>
			<div class="row-fluid">
				<div class="span12">
					<h:form prependId="false" id="formListaPedido">
						<p:outputLabel value="Cliente: #{conPedidoBean.cliente.nome}" />
						<p:dataTable value="#{conPedidoBean.listPedido}" var="list">
							<p:column headerText="Codigo Cliente">
								<h:outputText value="#{list.cliente.cod}" />
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:outputText value="Data da compra" />
								</f:facet>
								<h:outputText value="#{list.dtCompra}" >
									<f:convertDateTime pattern="dd/MM/yyyy"/>
								</h:outputText>
							</p:column>
							<p:column headerText="Valor Unitario">
								<h:outputText value="R$ #{list.produto.valor}" />
							</p:column>
							<p:column headerText="Quantidade">
								<h:outputText value="#{list.qtde}" />
							</p:column>
							<p:column headerText="Total">
								<h:outputText value="R$ #{list.produto.valor * list.qtde}" />
								<f:facet name="footer">
									<h:outputText id="valTotalLista" value="Valor Total da Lista: R$ #{conPedidoBean.precoTotalLista}" />
								</f:facet>
							</p:column>
						</p:dataTable>
					</h:form>
				</div>
			</div>
	</div>
<div class="span1"></div>
</div>
</ui:composition>
</html>